<div ng-controller='tabsPageCtrl'>
    <div class='persion-right-header'>
        <div class='border-bot'><span>个人工作台</span></div>
        <div class='persion-work-type'><label class='persion-small-title'>任务类型：</label>
            <span ng-class='{"persion-work-active": isActive==x.id}' ng-click='clickWorkType(x.id)' ng-repeat='x in workType' ng-bind='x.name'></span>
        </div>
        <div class='persion-search'>
            <label class='persion-small-title'>选择系列：</label>
            <span>
                <select name="" class='form-control'>
                    <option value="">请选择系列</option>
                    <option value="">中行</option>
                    <option value="">农行</option>
                </select>
            </span>
            <label class='persion-small-title'>关键字搜索：</label>
            <span>
                <select name="" class='form-control'>
                    <option value="">任务主题</option>
                    <option value="">提交人</option>
                    <option value="">任务编号</option>
                </select> — — <input class='form-control' type="text" placeholder='请输入任务主题'>
            </span>

            <span><button class='btn btn-info'>查询</button>
                &nbsp;
                <button class='btn'>重置</button></span>
        </div>
    </div>
    <div class='persion-page'>
        <div>
            <table class='table table-bordered table-hover text-center'>
                <thead>
                    <tr>
                        <th ng-repeat='x in thead' ng-bind='x'></th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>中行</td>
                        <td>213</td>
                        <td>第五期地区</td>
                        <td>32为任务</td>
                        <td>让我热</td>
                        <td>热同仁堂</td>
                        <td>特热热</td>
                        <td>特人特任务</td>
                    </tr>
                    <tr>
                        <td>中行</td>
                        <td>213</td>
                        <td>第五期地区</td>
                        <td>32为任务</td>
                        <td>让我热</td>
                        <td>热同仁堂</td>
                        <td>特热热</td>
                        <td>特人特任务</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style="margin-left:13px;margin-top:5px;" ui-pagi-new="" pager="pager" on-change-page="changePage(cp, event)"></div>
    </div>
</div>